var singleTab = function(obj) {
    id = obj.id;

    $(".active").removeClass("active");
    //清除原先数据，保证每次请求都是新的
    $(".tab-content").empty();

    // 更改变换单个tab
    // 固定TAB中IFRAME高度,根据需要自己修改
    // mainHeight = $(document.body).height();
    mainHeight = $(window).height() - 135;
    // 创建新TAB的title
    title = '<li id="tab_' + id + '" class="li-tab"><a href="#' + id
        + '" data-toggle="tab"><i class="' + obj.icon + '"></i>&nbsp;'
        + obj.title + '';

    // 是否允许关闭
    if (obj.close) {
        title += '&nbsp;&nbsp; <i aria-controls="' + id
            + '" class="close-tab fa fa-times-circle"></i>';
    }
    title += '</a></li>';
    // 是否指定TAB内容
    if (obj.content) {
        content = '<div role="tabpanel" class="tab-pane iframe-tab" id="'
            + id + '">' + obj.content + '</div>';
    } else { // 没有内容，使用IFRAME打开链接
        content = '<div role="tabpanel" class="tab-pane iframe-tab" id="'
            + id
            + '"><iframe data-type="tab_iframe" id="iframe_'
            + id
            + '" src="'
            + obj.url
            + '" width="100%" height="'
            + mainHeight
            + '" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="yes" allowtransparency="yes"></iframe></div>';
    }

    // 加入TABS
    $(".nav-tabs").html(title);
    $(".tab-content").append(content);


    // 激活TAB
    $("#" + id).addClass("active");
    $("a[data-addtabs=" + obj.id + "]").closest("li").addClass("active");
};


$(function() {
	$("[data-addtabs]").on("click", function() {
        singleTab({
			id : $(this).attr("data-addtabs"),
			title : $(this).attr('data-title'),
			url : $(this).attr('data-url'),
			icon : $(this).attr('data-icon'),
			close : false
		});
	});


	$(window).resize(
			function() {
				$("iframe[data-type=tab_iframe]").attr("height", $(window).height() - 135);
			});

});